.fx-back-top {
  position: fixed;
  cursor: pointer;

  &.back-top-enter-active,
  &.back-top-leave-active {
    transition: all 0.4s;
  }

  &.back-top-enter-from,
  &.back-top-leave-to {
    opacity: 0;
  }

  .fx-back-top-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: $backTop-background;
    box-shadow: $border-shadow;
    border-radius: 50%;
    cursor: pointer;
  }
}
